body,#map_container{
  margin:0;
  height:80%;
  width:100%;
  font-size:12px;
  .BMap_Marker { 
    div{
  
      img{
        max-width:  none !important  ; 
      }
    }
  } 
}

.locationmap *::before, .locationmap *::after {
	box-sizing: content-box;
}
.locationmap *::before, .locationmap *::after {
	box-sizing: content-box;
}
.locationmap * {
  box-sizing: content-box;
}
.lili{background:url(http://api.map.baidu.com/images/markers.png) -23px -25px  no-repeat;
  width : 19px;
  height : 25px;
  cursor:pointer;
  float:left;
  *zoom:1;
  overflow:hidden;
  margin:2px 3px 0 5px;
  *margin-right:0px;
  display:inline;}


  .lefttool{
    bottom: auto;
    right: auto;
    top: 0px;
    left: 0px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    background:rgba(255, 255, 255, 0);
    position: absolute;
    z-index: 10;
    
    transform: translate(0,0);
    transition: all 2s;
  
    text-size-adjust: none;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    .top{
      height:100%;
      width: 100%;
      display:block;
      overflow:hidden;
      background-color: rgba(255, 255, 255, 0);
    }
    .bottom{    
      height: auto;
      width: 100%;
      max-height: 80%;
      bottom: 0px;
      right: auto;
      top: auto;
      left: auto;
      position: absolute;
      background-color: rgb(255, 255, 255);
    }
    div{
      text-align: center;
      padding-bottom: 5px;
      padding-top: 5px;
      color: rgb(202, 204, 204);
      i{
        width: 30px;
        margin: 0px 10px;
        height: 30px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        font-size: 30px; 
      }
      label{
        margin-top: 0px;
        padding-top: 0px;
      }
  
    }
  }
 
